@charset "UTF-8";
.formtext { color: #333; width: 100%; height: 45px; border: none; display: block; font-size: 14px; background: #fff; padding: 0px 15px; border-radius: 0px; margin-bottom: 20px; font-family: "宋体"; }

.submit-btn { color: #fff; width: 150px; font-size: 18px; line-height: 45px; text-align: center; background: #009e41; }

/* banner */
.banner-box { width: 100%; }
.banner-box .swiper-container { width: 100%; height: 100%; }
.banner-box .swiper-container .swiper-slide { width: 100%; height: 100%; }
.banner-box .swiper-container .swiper-slide a { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; }
.banner-box .swiper-container .swiper-pagination .swiper-pagination-bullet { opacity: 1; width: 10px; height: 5px; background: #fff; border-radius: 5px; transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }
.banner-box .swiper-container .swiper-pagination .swiper-pagination-bullet-active { width: 40px; background: #009e41; }

/* index */
.index-box { width: 100%; padding-top: 60px; padding-bottom: 80px; }
.index-box .index-title { width: 100%; text-align: center; margin-bottom: 30px; }
.index-box .index-title h2 { color: #000; font-size: 28px; line-height: 30px; font-weight: bold; margin-bottom: 10px; }
.index-box .index-title .a { width: 220px; height: 20px; margin: 0px auto; position: relative; }
.index-box .index-title .a:before { content: ''; width: 80px; height: 1px; background: #e4e4e4; position: absolute; top: 50%; left: 0px; z-index: 1; }
.index-box .index-title .a:after { content: ''; width: 80px; height: 1px; background: #e4e4e4; position: absolute; top: 50%; right: 0px; z-index: 1; }
.index-box .index-title .b { padding: 0px 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 3; }
.index-box .index-title .b img { width: 18px; display: block; }
.index-box .index-title .b:before { content: ''; width: 25px; height: 2px; background: #009e41; position: absolute; top: 50%; left: -25px; z-index: 2; margin-top: -1px; }
.index-box .index-title .b:after { content: ''; width: 25px; height: 2px; background: #009e41; position: absolute; top: 50%; right: -25px; z-index: 2; margin-top: -1px; }
.index-box .index-text { color: #888; font-size: 14px; line-height: 24px; font-family: "宋体"; }
.index-box .index-text2 { width: 65%; margin: 0 auto; text-align: center; margin-bottom: 40px; }
.index-box .index-about li { width: 25%; float: left; }
.index-box .index-about li a { width: 160px; height: 160px; margin: 0 auto; background: #f5f5f5; display: flex; align-items: center; display: -webkit-flex; -webkit-align-items: center; transition: 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }
.index-box .index-about li .about-icon { width: 42px; margin: 0px auto; margin-bottom: 12px; }
.index-box .index-about li .about-icon img { width: 100%; }
.index-box .index-about li .about-text { color: #333; font-size: 18px; line-height: 20px; text-align: center; }

.index-box2 { position: relative; }
.index-box2 .index-product-bg { width: 100%; height: 300px; background-image: url(../images/wz10.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; position: absolute; top: 0px; left: 0px; z-index: 2; }
.index-box2 .index-product-bg img { width: 100%; position: relative; z-index: 2; }
.index-box2 .index-product-bg .index-mask { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.35); filter: alpha(opacity=35); position: absolute; top: 0px; left: 0px; z-index: 3; }
.index-box2 .index-title h2 { color: #fff; }
.index-box2 .index-title .b:before { background: #fff; }
.index-box2 .index-title .b:after { background: #fff; }
.index-box2 .index-product { margin-bottom: 60px; }
.index-box2 .index-product-top { width: 100%; overflow: hidden; padding-bottom: 30px; }
.index-box2 .index-product-top .swiper-container { overflow: visible; }
.index-box2 .index-product-top .swiper-slide a { color: #f5f5f5; font-size: 18px; transition: 0.5s; line-height: 30px; text-align: center; border-radius: 5px; white-space: nowrap; word-break: keep-all; border: 1px solid #f5f5f5; -ms-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }
.index-box2 .index-product-top .active-nav a { color: #009e41; background: #fff; border: 1px solid #fff; }
.index-box2 .index-product-top .active-nav a:after { width: 0px; height: 0px; content: ""; display: block; position: absolute; left: 50%; z-index: 10; bottom: -8px; margin-left: -4px; border-top: 8px solid #fff; border-left: 6px solid transparent; border-right: 6px solid transparent; }
.index-box2 .index-product-item .swiper-slide .index-product-img { width: 100%; overflow: hidden; border: 1px solid #eee; }
.index-box2 .index-product-item .swiper-slide .index-product-img img { width: 100%; transition: 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }
.index-box2 .index-product-item .swiper-slide .index-product-text { color: #333; font-size: 14px; margin-top: 12px; line-height: 20px; text-align: center; }

.index-box3 { background-image: url(../images/wz11.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; }
.index-box3 .index-yy-list { padding: 20px 0px; }
.index-box3 .index-yy-list li { width: 25%; float: left; margin-bottom: 40px; }
.index-box3 .index-yy-list li .index-yy-box { width: 190px; height: 190px; overflow: hidden; margin: 0px auto; border-radius: 50%; position: relative; }
.index-box3 .index-yy-list li .index-yy-box .yy-img { overflow: hidden; border-radius: 50%; }
.index-box3 .index-yy-list li .index-yy-box .yy-img img { width: 100%; overflow: hidden; border-radius: 50%; }
.index-box3 .index-yy-list li .index-yy-box .yy-mask { opacity: 0; width: 100%; height: 100%; transition: 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; overflow: hidden; border-radius: 50%; position: absolute; top: 0px; left: 0px; z-index: 4; background: rgba(0, 158, 65, 0.7); filter: alpha(opacity=70); }
.index-box3 .index-yy-list li .index-yy-box .yy-mask img { width: 28px; position: absolute; top: 50%; left: 50%; margin-top: -10px; margin-left: -14px; }
.index-box3 .index-yy-list li .index-yy-text { color: #333; font-size: 16px; margin-top: 12px; line-height: 20px; text-align: center; }

.index-box4 .index-news-list { margin: 0px -15px; padding-top: 15px; padding-bottom: 60px; }
.index-box4 .index-news-list li { float: left; width: 33.33%; padding: 0px 15px; }
.index-box4 .index-news-list li a { width: 100%; transition: 0.5s; padding: 20px 15px; position: relative; border: 1px solid #e5e5e5; -ms-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }
.index-box4 .index-news-list li .index-news-time { width: 80px; color: #fff; text-align: center; font-family: "Arial"; position: absolute; top: 0px; left: 0px; }
.index-box4 .index-news-list li .index-news-time p { font-size: 14px; line-height: 30px; background: #009e41; }
.index-box4 .index-news-list li .index-news-time h4 { font-size: 20px; line-height: 40px; font-weight: bold; background: #3ac172; }
.index-box4 .index-news-list li .index-news-title { width: 100%; padding-left: 80px; margin-bottom: 15px; padding-bottom: 20px; border-bottom: 1px solid #f1f1f1; }
.index-box4 .index-news-list li .index-news-title h5 { height: 48px; color: #009e41; font-size: 16px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; text-overflow: ellipsis; -webkit-box-orient: vertical; line-height: 24px; }
.index-box4 .index-news-list li .index-news-con p { color: #888; height: 72px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; text-overflow: ellipsis; -webkit-box-orient: vertical; font-size: 14px; font-family: "宋体"; line-height: 24px; margin-bottom: 20px; -webkit-line-clamp: 3; }
.index-box4 .index-news-list li .index-news-con span { color: #999; font-size: 12px; transition: 0.5s; line-height: 16px; padding: 8px 24px; border-radius: 30px; text-transform: uppercase; border: 1px solid #eaeaea; -ms-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }

.index-box5 { background: #f3f3f3; }
.index-box5 .index-contact { width: 100%; padding-bottom: 30px; }
.index-box5 .index-contact li { width: 25%; float: left; }
.index-box5 .index-contact li .index-contact-title img { width: 20px; float: left; display: block; margin-right: 6px; }
.index-box5 .index-contact li .index-contact-title span { float: left; display: block; color: #009e41; font-size: 18px; line-height: 20px; }
.index-box5 .index-contact li .index-contact-info { width: 100%; margin-top: 10px; padding-right: 80px; }
.index-box5 .index-contact li .index-contact-info p { color: #888; font-size: 14px; line-height: 24px; font-family: "宋体"; }
.index-box5 .index-contact-box .index-map { width: 640px; height: 400px; float: left; border: 1px solid #ccc; }
.index-box5 .index-contact-box .index-message { float: right; width: calc( 100% - 670px ); }
.index-box5 .index-contact-box .index-message textarea { height: 120px; padding: 8px 15px; line-height: 24px; margin-bottom: 40px; }

.main { width: 100%; padding-bottom: 100px; }
.main .ny-left { float: left; width: 260px; padding-top: 15px; padding-right: 15px; }
.main .content { float: left; padding-top: 30px; padding-left: 30px; width: calc( 100% - 260px ); border-left: 1px solid #ececec; }
.main .ny-nav { width: 100%; margin-bottom: 15px; }
.main .ny-nav dt { width: 100%; position: relative; background-image: url(../images/icon15.png); background-position: top left; background-repeat: no-repeat; background-size: 100%; }
.main .ny-nav dt h4 { color: #fff; font-size: 24px; line-height: 60px; padding-left: 30px; }
.main .ny-nav dt .ny-nav-btn { width: 60px; height: 100%; display: none; position: absolute; top: 0px; right: 0px; background-image: url(../images/nav-ny.png); background-repeat: no-repeat; background-position: center; background-size: 30px; }
.main .ny-nav dd { padding: 0px 20px; background: #f5f5f5; border-left: 4px solid transparent; }
.main .ny-nav dd a { color: #888; font-size: 18px; line-height: 58px; padding: 0px 10px; border-top: 1px solid #e4e4e4; }
.main .ny-nav .cur { border-left: 4px solid #009e41; }
.main .ny-nav .cur a { color: #009e41; }
.main .ny-contact { width: 100%; padding-bottom: 30px; background-image: url(../images/wz13.jpg); background-position: top left; background-repeat: no-repeat; background-size: 100%; }
.main .ny-contact .ny-contact-title { color: #fff; font-size: 20px; line-height: 50px; padding-left: 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.15); }
.main .ny-contact .ny-contact-list { width: 100%; padding-left: 20px; }
.main .ny-contact .ny-contact-list li { width: 100%; color: #fff; font-size: 12px; margin-top: 20px; line-height: 18px; font-family: "宋体"; position: relative; padding-left: 25px; }
.main .ny-contact .ny-contact-list li h6 { font-weight: bold; margin-bottom: 4px; }
.main .ny-contact .ny-contact-list li .ny-contact-icon { width: 16px; position: absolute; top: 0px; left: 0px; }
.main .ny-contact .ny-contact-list li .ny-contact-icon img { width: 100%; }
.main .about-title { width: 100%; margin-bottom: 30px; }
.main .about-title p { color: #bfbfbf; font-size: 20px; font-family: "Arial"; text-transform: capitalize; }
.main .about-title h6 { color: #333; font-size: 20px; font-weight: bold; }
.main .about-info { width: 100%; margin: 50px 0px; }
.main .about-info li { float: left; width: 33.33%; text-align: center; }
.main .about-info li h6 { color: #009e41; font-size: 30px; }
.main .about-info li h6 span { font-size: 80px; }
.main .about-info li p { color: #666; font-size: 14px; line-height: 20px; padding: 0px 5px; margin-top: 10px; }
.main .about-swiper { width: 100%; margin-top: 50px; position: relative; }
.main .about-swiper img { width: 100%; }
.main .about-swiper .about-swiper-text { color: #333; font-size: 14px; margin-top: 6px; line-height: 28px; text-align: center; }
.main .about-swiper .swiper-button-prev { width: 18px; height: 30px; position: absolute; top: 50%; left: -9px; margin-top: -32px; background-image: url(../images/wz14.jpg); background-position: top left; background-repeat: no-repeat; background-size: 100%; }
.main .about-swiper .swiper-button-next { width: 18px; height: 30px; position: absolute; top: 50%; right: -9px; margin-top: -32px; background-image: url(../images/wz15.jpg); background-position: top left; background-repeat: no-repeat; background-size: 100%; }
.main .about-swiper .swiper-pagination { left: 0px; width: 100%; }
.main .about-swiper .swiper-pagination .swiper-pagination-bullet { margin: 0px 4px; }
.main .about-swiper .swiper-pagination .swiper-pagination-bullet-active { background: #009e41; }
.main .throughput-list { margin: 0px -8px; margin-top: 30px; }
.main .throughput-list li { width: 50%; float: left; padding: 0px 8px; margin-bottom: 40px; }
.main .throughput-list li img { width: 100%; }
.main .throughput-list li .throughput-text { color: #333; height: 24px; font-size: 16px; margin-top: 8px; padding: 0px 6px; line-height: 24px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.main .aptitude-list { margin: 0px -20px; }
.main .aptitude-list li { float: left; width: 33.33%; padding: 0px 20px; margin-bottom: 40px; }
.main .aptitude-list li .aptitude-box { width: 100%; position: relative; }
.main .aptitude-list li .aptitude-box .layz { width: 100%; height: 0px; display: block; padding-bottom: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; }
.main .aptitude-list li .aptitude-box .aptitude-mask { opacity: 0; width: 100%; height: 100%; transition: 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; position: absolute; top: 0px; left: 0px; background: rgba(0, 158, 65, 0.8); }
.main .aptitude-list li .aptitude-box .aptitude-mask img { width: 34px; position: absolute; top: 100%; left: 50%; margin-top: -17px; margin-left: -17px; transition: 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; }
.main .aptitude-list li .aptitude-text { color: #666; font-size: 14px; margin-top: 10px; line-height: 20px; text-align: center; font-family: "宋体"; }
.main .article-list { width: 100%; padding-bottom: 20px; }
.main .article-list li { width: 100%; margin-bottom: 20px; }
.main .article-list li a { width: 100%; padding: 20px; position: relative; border: 1px solid #eee; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; transition: 0.5s; }
.main .article-list li .article-title { color: #333; height: 20px; font-size: 18px; line-height: 20px; margin-bottom: 10px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; transition: 0.5s; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.main .article-list li .article-text { color: #777; height: 48px; font-size: 14px; line-height: 24px; font-family: "宋体"; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; text-overflow: ellipsis; -webkit-box-orient: vertical; }
.main .article-list li .article-detail { width: 130px; height: 100%; text-align: center; position: absolute; top: 0px; right: 0px; background: #f5f5f5; display: flex; align-items: center; display: -webkit-flex; -webkit-align-items: center; }
.main .article-list li .article-detail p { width: 100%; color: #009e41; font-size: 12px; line-height: 22px; font-family: "宋体"; }
.main .article-list li .article-date { width: 130px; height: 100%; background: #eee; text-align: center; position: absolute; top: 0px; left: 0px; display: flex; align-items: center; display: -webkit-flex; -webkit-align-items: center; }
.main .article-list li .article-date h2 { color: #009e41; font-size: 40px; margin-bottom: 5px; font-family: "Impact"; }
.main .article-list li .article-date p { color: #666; font-size: 16px; font-family: "Verdana"; }
.main .article-list li .article-time { color: #666; font-size: 14px; line-height: 20px; margin-bottom: 5px; font-family: "Arial"; }
.main .news-show-head { width: 100%; text-align: center; margin-bottom: 30px; padding-bottom: 15px; border-bottom: 1px dashed #b3b3b3; }
.main .news-show-head h1 { color: #333; font-size: 20px; line-height: 24px; margin-bottom: 6px; }
.main .news-show-head p { color: #999; font-size: 12px; line-height: 24px; font-family: "宋体"; }
.main .news-show-bottom { width: 100%; margin-top: 30px; padding-top: 20px; border-top: 1px dashed #b3b3b3; }
.main .news-show-bottom .news-show-page { width: 70%; float: left; }
.main .news-show-bottom .news-show-page p { color: #999; font-size: 12px; line-height: 20px; margin-bottom: 10px; font-family: "宋体"; }
.main .news-show-bottom .news-show-page p span { width: 50px; float: left; display: block; }
.main .news-show-bottom .news-show-page p a { float: left; color: #999; width: calc( 100% - 60px ); }
.main .news-show-bottom .news-show-return { float: right; padding-top: 10px; }
.main .news-show-bottom .news-show-return a { color: #009e41; font-size: 14px; line-height: 36px; padding: 0px 50px; border-radius: 30px; border: 2px solid #009e41; }
.main .application-list { margin: 0px -20px; }
.main .application-list li { width: 50%; float: left; margin-top: 40px; padding: 0px 20px; }
.main .application-list li a { width: 100%; border: 1px solid #e4e4e4; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; transition: 0.5s; }
.main .application-list li .application-img { width: 200px; float: left; }
.main .application-list li .application-img img { width: 100%; }
.main .application-list li .application-con { float: left; padding: 15px 20px; width: calc( 100% - 200px ); }
.main .application-list li .application-con h4 { color: #333; height: 20px; font-size: 18px; line-height: 20px; font-weight: bold; margin-bottom: 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.main .application-list li .application-con p { color: #666; height: 66px; font-size: 14px; line-height: 22px; margin-bottom: 24px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 3; font-family: "宋体"; }
.main .application-list li .application-con span { color: #009e41; font-size: 12px; line-height: 28px; padding: 0px 15px; font-family: "宋体"; border-radius: 30px; border: 1px solid #009e41; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; transition: 0.5s; }
.main .recommend-box { width: 100%; margin-top: 40px; padding-top: 40px; border-top: 1px dashed #b3b3b3; }
.main .recommend-box .recommend { width: 100%; padding: 20px; position: relative; background: #f5f5f5; }
.main .recommend-box .recommend .recommend-title { color: #333; font-size: 18px; line-height: 20px; position: relative; padding-left: 15px; margin-bottom: 20px; }
.main .recommend-box .recommend .recommend-title:before { width: 4px; height: 16px; content: ""; display: block; background: #009e41; position: absolute; top: 2px; left: 0px; }
.main .recommend-box .recommend .swiper-slide { text-align: center; }
.main .recommend-box .recommend .swiper-slide .recommend-img img { width: 100%; }
.main .recommend-box .recommend .swiper-slide .recommend-text { color: #000; font-size: 14px; margin: 10px 0px 5px; line-height: 20px; font-weight: bold; }
.main .recommend-box .recommend .swiper-slide .recommend-size { color: #666; font-size: 12px; line-height: 20px; margin-bottom: 10px; }
.main .recommend-box .recommend .swiper-button-prev { width: 20px; height: 20px; margin-top: 0px; top: 20px; left: 100%; margin-left: -65px; background-image: url(../images/icon21.jpg); background-size: 100%; }
.main .recommend-box .recommend .swiper-button-prev:hover { background-image: url(../images/icon23.jpg); }
.main .recommend-box .recommend .swiper-button-next { width: 20px; height: 20px; margin-top: 0px; top: 20px; right: 20px; background-image: url(../images/icon22.jpg); background-size: 100%; }
.main .recommend-box .recommend .swiper-button-next:hover { background-image: url(../images/icon24.jpg); }
.main .recommend-box .recommend .swiper-pagination { left: 0px; width: 100%; }
.main .recommend-box .recommend .swiper-pagination .swiper-pagination-bullet { margin: 0px 4px; }
.main .recommend-box .recommend .swiper-pagination .swiper-pagination-bullet-active { background: #009e41; }
.main .recruit-top { width: 100%; margin-bottom: 20px; }
.main .recruit-top li { width: 20%; float: left; color: #009e41; font-size: 16px; line-height: 20px; font-weight: bold; padding: 10px 15px; font-family: "宋体"; }
.main .recruit-top .widthT { width: 30%; }
.main .recruit-list { width: 100%; margin-bottom: 40px; border-top: 1px solid #ddd; }
.main .recruit-list li { width: 100%; background: #fff; border: 1px solid #ddd; border-top: none; }
.main .recruit-list li .recruit-item { width: 20%; float: left; color: #888; font-size: 14px; line-height: 30px; padding: 10px 15px; font-family: "宋体"; }
.main .recruit-list li .recruit-item span { display: none; }
.main .recruit-list li .recruit-btn a { color: #fff; font-size: 12px; line-height: 30px; padding: 0px 20px; border-radius: 30px; background: #009e41; display: inline-block; }
.main .recruit-list li .widthT { width: 30%; }
.main .recruit-list li:nth-child(odd) { background: #f9f9f9; }
.main .recruit-operation { width: 100%; margin-top: 50px; }
.main .recruit-operation a { color: #666; width: 280px; font-size: 12px; line-height: 33px; text-align: center; margin-bottom: 10px; border: 1px solid #ddd; }
.main .recruit-operation .recruit-return { background: #009e41; border: 1px solid #009e41; }
.main .ny-map { width: 100%; height: 400px; border: 1px solid #ddd; }
.main .ny-contact-info { width: 100%; padding: 40px; border: 1px solid #ddd; border-top: none; }
.main .ny-contact-info li { width: 50%; float: left; padding: 40px 0px; text-align: center; }
.main .ny-contact-info li:first-child { padding-top: 0px; text-align: left; border-right: 1px solid #eee; border-bottom: 1px solid #eee; }
.main .ny-contact-info li:nth-child(2) { padding-top: 0px; border-bottom: 1px solid #eee; }
.main .ny-contact-info li:nth-child(3) { padding-bottom: 0px; border-right: 1px solid #eee; }
.main .ny-contact-info li:nth-child(4) { padding-bottom: 0px; }
.main .ny-contact-info li .ny-contact-title { margin-bottom: 30px; }
.main .ny-contact-info li .ny-contact-title img { width: 20px; display: block; margin: 0px auto; }
.main .ny-contact-info li .ny-contact-title p { color: #333; font-size: 18px; margin-top: 10px; line-height: 20px; text-align: center; }
.main .ny-contact-info li .index-contact-info { color: #666; width: 220px; font-size: 14px; margin: 0px auto; min-height: 48px; line-height: 24px; font-family: "宋体"; }
.main .message-box { width: 100%; padding: 50px 25px; background: #f7f7f7; }
.main .message-box .message-list { margin: 0px -10px; padding-bottom: 20px; }
.main .message-box .message-list li { float: left; width: 33.33%; padding: 0px 10px; }
.main .message-box .message-list .widthO { width: 100%; float: none; }
.main .message-box .message-list .widthO textarea { height: 240px; padding: 10px; }
.main .message-box .message-list .widthO span { color: #666; float: left; display: block; font-size: 14px; line-height: 45px; margin-right: 20px; }
.main .message-box .message-list .widthO input { width: 130px; float: left; }
.main .message-box .message-list .widthO a { float: left; width: 110px; height: 45px; margin-left: 20px; }
.main .message-box .message-list .widthO a img { width: 100%; }
.main .product-search { width: 100%; padding-bottom: 10px; border-bottom: 1px dashed #b3b3b3; }
.main .product-search .product-search-title { color: #000; font-size: 16px; line-height: 40px; padding: 0px 20px; margin-bottom: 15px; background: #f5f5f5; }
.main .product-search .search-item { width: 40%; float: left; padding-right: 30px; }
.main .product-search .search-item-text { width: 90px; color: #333; float: left; font-size: 14px; line-height: 45px; padding-left: 20px; font-family: "宋体"; }
.main .product-search .formtext { border: 1px solid #e4e4e4; }
.main .product-search .search-item-select { float: left; width: calc( 100% - 90px ); }
.main .product-search .search-submint { width: 20%; float: left; }
.main .product-search .search-submint2 { padding-right: 15px; }
.main .product-search .search-submint3 { padding-left: 15px; }
.main .product-search .search-sub-btn { width: 100%; color: #fff; display: block; font-size: 14px; line-height: 45px; text-align: center; background: #009e41; letter-spacing: 10px; }
.main .product-search .search-item2 { width: 60%; float: left; padding-left: 20px; padding-right: 30px; }
.main .product-list { margin: 0px -15px; padding-bottom: 40px; }
.main .product-list li { float: left; width: 33.33%; margin-top: 30px; padding: 0px 15px; text-align: center; }
.main .product-list li .product-img { width: 100%; border: 1px solid #e4e4e4; transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }
.main .product-list li .product-img img { width: 100%; }
.main .product-list li .product-title { color: #000; font-size: 16px; line-height: 20px; font-weight: bold; margin: 12px 0px 6px; transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }
.main .product-list li .product-size { color: #666; font-size: 14px; line-height: 20px; }
.main .product-show { width: 100%; margin-bottom: 30px; }
.main .product-show .product-show-img { float: left; width: 400px; border: 1px solid #e4e4e4; }
.main .product-show .product-show-img img { width: 100%; }
.main .product-show .product-show-con { float: left; padding-left: 40px; width: calc( 100% - 400px ); }
.main .product-show .product-show-con h1 { color: #000; font-size: 20px; margin: 5px 0px; line-height: 30px; font-weight: bold; }
.main .product-show .product-show-con h2 { color: #009e41; font-size: 16px; line-height: 20px; }
.main .product-show .product-show-con .product-show-text { color: #666; font-size: 16px; margin-top: 20px; line-height: 28px; padding-top: 20px; font-family: "宋体"; margin-bottom: 30px; border-top: 1px dashed #b3b3b3; }
.main .product-show .product-show-con .product-show-btn a { float: left; font-size: 14px; line-height: 38px; padding: 0px 40px; margin-right: 15px; text-align: center; font-family: "宋体"; border: 1px solid #009e41; }
.main .product-show .product-show-con .product-show-btn .consult { color: #fff; background: #009e41; }
.main .product-show .product-show-con .product-show-btn .see { color: #009e41; }
.main .product-show .product-show-con .product-show-btn .download { padding: 0px; border: none; color: #fb8800; font-size: 12px; margin-right: 0px; text-decoration: underline; border: 1px solid transparent; }
.main .product-show-title { color: #666; font-size: 16px; line-height: 40px; padding: 0px 20px; font-weight: bold; font-family: "宋体"; margin-bottom: 20px; background: #f5f5f5; }

@media screen and (min-width: 768px) { .index-box .index-about li a:hover { box-shadow: 0px 0px 20px #ccc; }
  .index-box2 .index-product-top .swiper-slide a:hover { color: #009e41; background: #fff; border: 1px solid #fff; }
  .index-box2 .index-product-item .swiper-slide:hover .index-product-img img { -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); }
  .index-box2 .index-product-item .swiper-slide:hover .index-product-text { color: #009e41; font-weight: bold; }
  .index-box3 .index-yy-list li .index-yy-box:hover .yy-mask { opacity: 1; }
  .index-box4 .index-news-list li a:hover { box-shadow: 0px 0px 10px #ccc; border: 1px solid transparent; }
  .index-box4 .index-news-list li a:hover .index-news-con span { color: #009e41; border: 1px solid #009e41; }
  .main .ny-nav dd a:hover { color: #009e41; }
  .main .aptitude-list li:hover .aptitude-box .aptitude-mask { opacity: 1; }
  .main .aptitude-list li:hover .aptitude-box .aptitude-mask img { top: 50%; }
  .main .article-list li a:hover { border: 1px solid transparent; box-shadow: 0px 0px 10px #ccc; }
  .main .article-list li a:hover .article-title { color: #009e41; }
  .main .news-show-bottom .news-show-page p:hover a { color: #009e41; }
  .main .application-list li a:hover { border: 1px solid transparent; box-shadow: 0px 0px 10px #ccc; }
  .main .application-list li a:hover .application-con h4 { color: #009e41; }
  .main .application-list li a:hover .application-con span { color: #fff; background: #009e41; }
  .main .product-list li:hover .product-img { border: 1px solid transparent; box-shadow: 0px 0px 10px #ccc; }
  .main .product-list li:hover .product-title { color: #009e41; } }
@media screen and (max-width: 1199px) { .index-box .index-about li .about-text, .index-box2 .index-product-top .swiper-slide a { font-size: 16px; }
  .index-box5 .index-contact-box .index-map { width: 570px; }
  .index-box5 .index-contact-box .index-message { width: calc( 100% - 600px ); }
  .main .ny-nav dt h4 { font-size: 20px; }
  .main .ny-nav dd a, .main .recommend-box .recommend .recommend-title, .main .ny-contact-info li .ny-contact-title p { font-size: 16px; }
  .main .ny-contact .ny-contact-title, .main .news-show-head h1 { font-size: 18px; }
  .main .about-info li h6 { font-size: 24px; }
  .main .about-info li h6 span { font-size: 50px; }
  .main .about-info li p { font-size: 12px; }
  .main .throughput-list li .throughput-text, .main .product-show .product-show-con h2 { font-size: 14px; }
  .main .product-search .search-sub-btn { letter-spacing: 5px; }
  .main .product-list li .product-title { font-size: 14px; margin-bottom: 0px; }
  .main .product-list li .product-size { font-size: 12px; }
  .main .product-show .product-show-img { width: 300px; }
  .main .product-show .product-show-con { padding-left: 30px; width: calc( 100% - 300px ); }
  .main .product-show .product-show-con h1 { font-size: 18px; margin-top: 0px; }
  .main .product-show .product-show-con .product-show-text { font-size: 14px; margin-top: 15px; line-height: 24px; padding-top: 15px; margin-bottom: 20px; }
  .main .product-show .product-show-con .product-show-btn a { line-height: 34px; padding: 0px 25px; } }
@media screen and (max-width: 991px) { /* index */
  .index-box { padding-top: 40px; padding-bottom: 60px; }
  .index-box2 .index-product-bg { height: 240px; }
  .index-box .index-title h2 { font-size: 22px; }
  .index-box .index-text2 { width: 80%; }
  .index-box .index-about li a { width: 120px; height: 120px; }
  .index-box .index-about li .about-icon { width: 32px; }
  .index-box .index-about li .about-text, .index-box2 .index-product-top .swiper-slide a, .index-box3 .index-yy-list li .index-yy-text { font-size: 14px; }
  .index-box3 .index-yy-list li { width: 33.33%; }
  .index-box3 .index-yy-list li .index-yy-box { width: 160px; height: 160px; }
  .index-box4 .index-news-list { padding-bottom: 20px; }
  .index-box4 .index-news-list li { width: 50%; margin-bottom: 40px; }
  .index-box5 .index-contact { padding-bottom: 10px; }
  .index-box5 .index-contact li { width: 50%; margin-bottom: 20px; }
  .index-box5 .index-contact li .index-contact-title span, .submit-btn { font-size: 16px; }
  .index-box5 .index-contact-box .index-map { width: 420px; }
  .index-box5 .index-contact-box .index-message { width: calc( 100% - 450px ); }
  .main .ny-left, .main .content { width: 100%; float: none; }
  .main .ny-left { padding: 0px; }
  .main .content { border-left: none; padding-left: 0px; }
  .main .ny-contact, .main .ny-nav dd { display: none; }
  .main .ny-nav { margin-bottom: 0px; }
  .main .ny-nav dt { background: #009e41; }
  .main .ny-nav dt h4 { font-size: 16px; line-height: 45px; padding-left: 15px; }
  .main .ny-nav dt .ny-nav-btn { display: block; }
  .main .ny-nav dd a { font-size: 14px; line-height: 44px; }
  .main .about-title h6 { font-size: 18px; margin-top: 4px; }
  .main .article-list li .article-date h2 { font-size: 34px; }
  .main .application-list { margin: 0px -15px; }
  .main .application-list li { margin-top: 30px; padding: 0px 15px; }
  .main .application-list li .application-img { width: 150px; }
  .main .application-list li .application-con { padding: 10px 15px; width: calc( 100% - 150px ); }
  .main .application-list li .application-con h4 { font-size: 16px; margin-bottom: 10px; }
  .main .application-list li .application-con p { height: 60px; font-size: 12px; line-height: 20px; margin-bottom: 15px; }
  .main .application-list li .application-con span { line-height: 23px; } }
@media screen and (max-width: 767px) { .banner-box .swiper-container .swiper-pagination .swiper-pagination-bullet { height: 3px; }
  .index-box { padding-top: 30px; padding-bottom: 40px; }
  .index-box .index-title { margin-bottom: 20px; }
  .index-box .index-title h2 { font-size: 16px; line-height: 20px; margin-bottom: 0px; }
  .index-box .index-title .a { display: none; }
  .index-box .index-text { width: 100%; font-size: 12px; line-height: 22px; margin-bottom: 20px; }
  .index-box .index-about { margin: 0px -5px; }
  .index-box .index-about li { padding: 0px 5px; }
  .index-box .index-about li a { width: 100%; height: 80px; }
  .index-box .index-about li .about-icon { width: 22px; margin-bottom: 6px; }
  .index-box .index-about li .about-text, .index-box2 .index-product-top .swiper-slide a, .index-box3 .index-yy-list li .index-yy-text { font-size: 12px; }
  .index-box2 .index-product { margin-bottom: 40px; }
  .index-box2 .index-product-bg { height: 200px; }
  .index-box2 .index-product-top { padding-bottom: 20px; }
  .index-box2 .index-product-item .swiper-slide .index-product-text { font-size: 12px; margin-top: 6px; }
  .index-box3 .index-yy-list { padding: 0px; }
  .index-box3 .index-yy-list li { width: 50%; }
  .index-box3 .index-yy-list li .index-yy-box { width: 130px; height: 130px; }
  .index-box4 .index-news-list { margin: 0px; padding: 0px; }
  .index-box4 .index-news-list li { width: 100%; float: none; padding: 0px; }
  .index-box4 .index-news-list li .index-news-title h5 { height: 40px; font-size: 14px; line-height: 20px; }
  .index-box4 .index-news-list li .index-news-con p { height: 66px; font-size: 12px; line-height: 22px; }
  .index-box5 .index-contact li, .index-box5 .index-contact-box .index-message { width: 100%; float: none; }
  .index-box5 .index-contact li .index-contact-title span { font-size: 14px; }
  .index-box5 .index-contact li .index-contact-info { padding-right: 0px; }
  .index-box5 .index-contact li .index-contact-info p { font-size: 12px; line-height: 22px; }
  .index-box5 .index-contact-box .index-map { width: 100%; height: 220px; float: none; margin-bottom: 20px; }
  .formtext { font-size: 12px; }
  .submit-btn { width: 120px; font-size: 14px; }
  .main { padding-bottom: 50px; }
  .main .container { padding: 0px; }
  .main .content { padding: 20px 15px 0px; }
  .main .about-title, .main .throughput-list li { margin-bottom: 20px; }
  .main .about-info { margin: 30px 0px; }
  .main .about-title p, .main .about-title h6, .main .news-show-head h1 { font-size: 16px; line-height: 20px; }
  .main .about-info li h6 { font-size: 16px; }
  .main .about-info li h6 span { font-size: 26px; }
  .main .about-swiper { margin-top: 30px; }
  .main .throughput-list { padding-bottom: 20px; }
  .main .throughput-list li .throughput-text { font-size: 12px; margin-top: 4px; }
  .main .aptitude-list { margin: 0px; padding-bottom: 20px; }
  .main .aptitude-list li { width: 50%; padding: 0px; margin-bottom: 20px; }
  .main .aptitude-list li .aptitude-text, .main .recommend-box .recommend .swiper-slide .recommend-text { font-size: 12px; }
  .main .article-list li a { padding: 15px !important; }
  .main .article-list li .article-title { font-size: 16px; margin-bottom: 5px; }
  .main .article-list li .article-text { height: 40px; font-size: 12px; line-height: 20px; }
  .main .article-list li .article-detail { width: 100%; display: block; margin-top: 8px; background: #fff; position: static; text-align: right; }
  .main .news-show-head { margin-bottom: 20px; padding-bottom: 10px; }
  .main .news-show-bottom .news-show-page { width: 100%; float: none; }
  .main .news-show-bottom .news-show-return a { font-size: 12px; line-height: 30px; padding: 0px 40px; border: 1px solid #009e41; }
  .main .application-list { width: 100%; margin: 0px; padding: 0px 15px; }
  .main .application-list li { width: 100%; float: none; padding: 0px; }
  .main .recommend-box { padding-top: 30px; }
  .main .recommend-box .recommend { padding-bottom: 40px; }
  .main .recommend-box .recommend .recommend-title { font-size: 14px; margin-bottom: 15px; }
  .main .recruit-list li .recruit-item { float: none; font-size: 12px; padding: 2px 15px; line-height: 20px; width: 100% !important; }
  .main .recruit-list li .recruit-item span { float: left; display: block; }
  .main .recruit-list li .recruit-title { line-height: 35px; margin-bottom: 8px; border-bottom: 1px dashed #ddd; }
  .main .recruit-list li .recruit-btn { clear: both; overflow: hidden; margin-top: 8px; padding: 8px 15px; border-top: 1px solid #ddd; }
  .main .recruit-list li .recruit-btn a { float: right; line-height: 24px; padding: 0px 12px; }
  .main .ny-map { height: 220px; }
  .main .ny-contact-info { padding: 0px 15px; }
  .main .ny-contact-info li { width: 100%; float: none; text-align: left; padding: 15px 0px !important; border-right: none !important; border-bottom: 1px solid #eee; }
  .main .ny-contact-info li:last-child { border-bottom: none; }
  .main .ny-contact-info li .ny-contact-title { margin-bottom: 5px; }
  .main .ny-contact-info li .ny-contact-title img { float: left; }
  .main .ny-contact-info li .ny-contact-title p { float: left; margin-top: 0px; margin-left: 5px; font-size: 14px; }
  .main .ny-contact-info li .index-contact-info { width: 100%; font-size: 12px; min-height: auto; }
  .main .message-box { padding: 20px 15px; }
  .main .message-box .message-list { margin: 0px; padding-bottom: 0px; }
  .main .message-box .message-list li { width: 100%; float: none; padding: 0px; }
  .main .message-box .message-list .widthO span { width: 100%; float: none; line-height: 20px; margin-right: 0px; margin-bottom: 5px; }
  .main .message-box .message-list .widthO input { width: calc( 100% - 130px ); }
  .main .message-box .sub-btn { width: 150px; height: 45px; line-height: 45px; margin-top: 10px; }
  .main .product-list { margin: 0px -8px; }
  .main .product-list li { width: 50%; padding: 0px 8px; margin-top: 20px; }
  .main .product-search { padding-bottom: 0px; }
  .main .product-search .product-search-title, .main .product-show-title { font-size: 14px; }
  .main .product-search .search-item { width: 100%; float: none; padding-right: 0px; }
  .main .product-search .search-item2 { width: 100%; float: none; }
  .main .product-search .search-submint { width: 100px; float: right; margin-bottom: 20px; }
  .main .product-search .search-sub-btn { line-height: 35px; letter-spacing: 0px; }
  .main .product-search .search-submint2 { padding-right: 0px; }
  .main .product-search .search-submint3 { padding-left: 0px; margin-right: 15px; }
  .main .product-show .product-show-img { width: 80%; float: none; margin: 0 auto; }
  .main .product-show .product-show-con { width: 100%; float: none; margin-top: 20px; padding-left: 0px; }
  .main .product-show .product-show-con h1 { font-size: 16px; line-height: 20px; } }

/*# sourceMappingURL=style.css.map */
